﻿@charset "utf-8";
/* CSS Document */

@import "base.css";

/* 头部 */
header{height:44px; background-color:#ff8200;position:fixed; top:0; width:100%; z-index:998; color:#fff; line-height:44px; text-align:center; font-size:17px;}
header .back{width:75px; height:44px; background:url(../images/icon_back.png) 12px center no-repeat; position:absolute; top:0; left:0; display:block; background-size:12px 19px;color: #fff;font-size: 15px; padding-left:30px; text-align:left}
header .back:hover{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}

.emo{width: 0.88rem; height: 0.88rem; width: 20px; width: 20px;  width: 1.25rem; width: 0.22rem;}


.home .statistics{display: flex;padding: .26rem 0 .24rem;}
.home .statistics dl{text-align: center;flex: 1;width: 0;min-width: 0;position: relative;}
.home .statistics dl:not(:last-of-type):after{content: '';position: absolute;right:0;top:.22rem;bottom: .22rem;font-size: 0;z-index:9;border-right: 1px solid #e0e0e0;}
.home .statistics dl dt{font-size: .28rem;color: #333;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;font-weight: bold;}
.home .statistics dl dt em{font-size: .22rem;color: #999;}
.home .statistics dl dd{font-size: .36rem;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;margin-top: .08rem;}

.home .tenantSituation .titleBar{font-size: .3rem;color: #333;padding: .24rem .38rem .2rem;font-weight: bold;position: relative;}
.home .tenantSituation .titleBar:after{content: '';position: absolute;left:.16rem;top:50%;margin-top: -.045rem; font-size: 0;z-index:9;width: .09rem;height: .09rem;border-radius: 50%;background-color: #55a8fd;}
.home .tenantSituation .item{display: flex;position: relative;padding-bottom: .2rem;}
.home .tenantSituation .item:not(:last-of-type):after{content: '';position: absolute;right:.28rem;bottom: 0;left: .28rem;font-size: 0;z-index:9;border-bottom: 1px dashed #dedede;}
.home .tenantSituation dl{text-align: center;flex: 1;width: 0;min-width: 0;position: relative;}
.home .tenantSituation dl:not(:last-of-type):after{content: '';position: absolute;right:0;top:.22rem;bottom: .22rem;font-size: 0;z-index:9;border-right: 1px solid #e0e0e0;}
.home .tenantSituation dl dt{font-size: .26rem;color: #777;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.home .tenantSituation dl dd{font-size: .34rem;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;margin-top: .04rem;}
.home .tenantSituation dl dd em{font-size: .22rem;}


.home .rentIncrease .titleBar{display: flex;border-bottom: 1px solid #e5e5e5;height: .98rem;align-items: center;padding: 0 .3rem;}
.home .rentIncrease .titleBar ul{flex:1;display: flex;}
.home .rentIncrease .titleBar ul li{font-size: .32rem;color: #999;margin-right: .46rem;line-height: .96rem;position: relative;}
.home .rentIncrease .titleBar ul li.selected{color: #333;font-weight: bold;}
.home .rentIncrease .titleBar ul li.selected:after{content: '';position: absolute;left:50%;bottom:0;font-size: 0;z-index:9;width: .54rem;height: .06rem;border-radius: 50px;background-color: #3897f7;margin-left: -.27rem;}
.home .rentIncrease .titleBar .btn-more a{font-size: .24rem;color: #878787;padding-right: .24rem;background:url(../images/icon_arrow.png) right center no-repeat;background-size: .22rem .18rem;line-height: .96rem;}
.home .rentIncrease .titleBar .btn-more a:hover{color: #3897f7;}

.home .chart .titleBar{font-size: .32rem;font-weight: bold;color: #333;padding: .22rem .28rem;position: relative;}
.home .chart .titleBar:after{content: '';font-size: 0;z-index:9; position: absolute;left: 0;top: 50%;margin-top: -.22rem; width: .08rem;height: .44rem;border-radius: 0 .08rem .08rem 0;background-color: #5390ff;}

.home .chart{padding-bottom: .24rem;}
.home .chart .chartItem{height:3.7rem; width:100%;}



.table{padding:0 .14rem;}
.table .thead li,.table .tbody ul > li{display:table; table-layout:fixed; width:100%;}
.table .thead ul li p,.table .tbody ul > li p{display:table-cell;vertical-align:middle;text-align:center;padding:.1rem .02rem; font-size:.28rem; word-break:break-all;color: #333;}
.table .thead ul > li p{color: #666;padding:.22rem .02rem;}
.table .tbody ul{padding-top: .24rem;}
.table .tbody ul > li{margin-bottom: .24rem;}
.table .thead ul > li{border-bottom:1px dashed #dedede;}
.table .tbody ul > li:last-of-type{border-bottom:1px solid #fff;}
.table .thead ul li p:nth-child(1),.table .tbody ul > li p:nth-child(1){width:12%}
.table .thead ul li p:nth-child(2),.table .tbody ul > li p:nth-child(2){width:23%}
.table .thead ul li p:nth-child(3),.table .tbody ul > li p:nth-child(3){width:22%}
.table .thead ul li p:nth-child(4),.table .tbody ul > li p:nth-child(4){width:23%}
.table .thead ul li p:nth-child(5),.table .tbody ul > li p:nth-child(5){width:20%}
.table .btn{color: #3897f7;background-color: #ecf5ff;padding: .12rem .16rem;font-size: .24rem;border-radius: 50px;line-height: .22rem;}
.table .btn:hover{background-color: #ddeaf8;}

.lists .table .thead ul > li{border-bottom:1px solid #e5e5e5;}
.lists .table .thead ul > li p{color: #333;font-weight: bold;}


.gap{height:.24rem;font-size:0px;background-color:#f5f6f9; line-height:0}
.f-blue{color: #55a8fd;}
.f-green{color: #7dc855;}
.f-yellow{color: #f9ab22;}
.f-red{color: #ff526f;}
.f-darkRed{color: #ff5825 !important;}

.bg-gray{background-color:#f8f8f8}
.dialog-none{display:none}
.c-align{text-align:center}
.fl{float:left}
.fr{float:right}
.none{display:none}
.cut{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ani{-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}


